import React from 'react'
import { withRouter } from 'react-router';
import {Layout,Breadcrumb} from 'antd';

import Footer from "./components/Footer";
import Header from "./components/Header";
import Center from "./components/Content";
import ContainerMain from "../../components/containerMain/index";
import MenuItem from "../../components/asideMenu";
import PrivateRouter from "../../components/privateRouter";
import './components/index.scss'

const {Content} = Layout
class index extends React.Component {
  render() {
    const path = this.props.location.pathname
    return (
      <Layout style={{ minHeight: '100vh' }}>
        <MenuItem/>
        <Layout className="site-layout">
        <Header />  
        <Content style={{ margin: '0 16px' }}>
        <Breadcrumb style={{ margin: '16px 0' }}>
              <Breadcrumb.Item>HAHA</Breadcrumb.Item>
              <Breadcrumb.Item>okok</Breadcrumb.Item>
         </Breadcrumb>
        <ContainerMain />
        <PrivateRouter exact component={Center} path="/index" />
        </Content >
        <Footer/>
         </Layout>
      </Layout>
    );
  }
}
export default withRouter(index)
